<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="最佳的兒童攝影工作室" />
<meta name="KEYWORDS" CONTENT=" 兒童攝影,個人形象寫真,全家福,寶寶照,個人寫真" />
<meta name="rating" CONTENT="general" /> 
<meta name="robots" content="index,follow"/>
<META HTTP-EQUIV="Pragma" CONTENT="no_cache">
<title>班尼頓寫真攝影</title>
<link href="css/bodyc.css" rel="stylesheet" type="text/css" />
<link href="css/index.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-latest.min.js"></script>
<script type="text/javascript">
	//  右邊廣告選單 當網頁載入完
	$(window).load(function(){
		var $win = $(window),
			$ad = $('#right_ad').css('opacity', 0).show(),	// 讓廣告區塊變透明且顯示出來
			_width = $ad.width(),
			_height = $ad.height(),
			_diffY = 34, _diffX = 6,	// 距離右及上方邊距
			_moveSpeed = 1000;	// 移動的速度
		
		// 先把 #abgne_float_ad 移動到定點
		$ad.css({
			top: _diffY,	// 往上
			left: $win.width() - _width - _diffX,
			opacity: 1
		});
		
		// 幫網頁加上 scroll 及 resize 事件
		$win.bind('scroll resize', function(){
			var $this = $(this);
			
			// 控制 #abgne_float_ad 的移動
			$ad.stop().animate({
				top: $this.scrollTop() + _diffY,	// 往上
				left: $this.scrollLeft() + $this.width() - _width - _diffX
			}, _moveSpeed);
		}).scroll();	// 觸發一次 scroll()
		
		// 關閉廣告
		$('#right_ad .close_ad').click(function(){
			$ad.hide();
		});
	});
</script>
<script type="text/javascript">
	$(function(){
		// 幫 #menu li 加上 hover 事件
		$('#menu>li').hover(function(){
			// 先找到 li 中的子選單
			var _this = $(this),
				_subnav = _this.children('ul');
			
			// 變更目前母選項的背景顏色
			// 同時淡入子選單(如果有的話)
			_this.css('backgroundColor', '#fff');
			_subnav.stop(true, true).fadeIn(400);
		} , function(){
			// 變更目前母選項的背景顏色
			// 同時淡出子選單(如果有的話)
			// 也可以把整句拆成上面的寫法
			$(this).css('backgroundColor', 'fff').children('ul').stop(true, true).fadeOut(400);
		});
		
		// 取消超連結的虛線框
		$('a').focus(function(){
			this.blur();
		});
	});
</script>
</head>

<body>
<div id="wrap"><!-- star #wrap //-->
<div id="contact-body" class="clearfix"><!-- star #main //-->

<?php include_once('topb.php');?>

<div id="main-body" class="clearfix"><!-- star #contact-body //-->
  <?php include_once('top-ad.php');?>
  
<div id="hot"><!-- star #ad //-->
  <?php include_once('banner.php');?>
</div><!-- end #ad //-->
  <div id="news"><!-- star #news //-->
  <ul >
  <li class="news-a">
    <h2>News</h2>
    <h4>班尼頓的最新活動訊息</h4>
    </li>
    <li class="news-c">
    <p class="news-ca">媒體活動</p>
    <p class="news-cb">2012 . May</p>
    </li>
    </ul>
    <ul >
  <li class="news-cc"> <a href="#"><img src="img/sample-1.jpg" alt="班尼頓舉辦寶寶抓周活動" width="140" height="140" /></a> </li>
    <li class="news-cd"><h3>班尼頓舉辦寶寶抓周活動！ </h3></li>     
    <li class="news-ce">
    <a href="#" onclick="javascript:addFacebook();return false;"><img src="images/fb-1.png" width="21" height="21" /></a>
    <iframe src="http://www.facebook.com/plugins/like.php?app_id=217457261619168&amp;href=www.biosmonthly.com/<?php echo urlencode(sprintf("contactb.php?id=%d",$_REQUEST['id']));?>&amp;send=false&amp;layout=button_count&amp;width=90&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe>
    </li>
    <li class="news-cf"><a href="#">
    (本場次已報名額滿)第一場11:00~12:00，第二場13:00~4:00，第三場15:00
~16:00，適合參加歲段條件：出生滿8個月~18個月之寶寶，報名費$150並贈
送商品抵用卷$150元一張~，請電洽門市洽詢活動細節與活動報名。請電洽門市洽詢活動細節與活動報名。
    </a></li> 
    <li class="news-cg"> </li>         
    </ul>
    <ul >
     <li class="news-ch">Wed.06/15</li>
     <li class="news-ci">促銷活動</li>
     <li class="news-cj"><a href="#">出生滿8個月~18個月之寶寶，報名費$150並贈
送商品抵用卷$150元一張~，請電洽門市洽詢活動細節與活動報名。</a></li>
     <li class="news-cg"> </li> 
     <li class="news-ch">Wed.06/25</li>
     <li class="news-ci">促銷活動</li>
     <li class="news-cj"><a href="#">出生滿8個月~18個月之寶寶，報名費$150並贈
送商品抵用卷$150元一張~，請電洽門市洽詢活動細節與活動報名。</a></li>
     <li class="news-cg"> </li> 
     <li class="news-ch">Wed.12/15</li>
     <li class="news-ci">促銷活動</li>
     <li class="news-cj"><a href="#">出生滿8個月~18個月之寶寶，報名費$150並贈
送商品抵用卷$150元一張~，請電洽門市洽詢活動細節與活動報名。</a></li>
     <li class="news-cg"> </li> 
     <li class="news-ch">Wed.06/15</li>
     <li class="news-ci">促銷活動</li>
     <li class="news-cj"><a href="#">出生滿8個月~18個月之寶寶，報名費$150並贈
送商品抵用卷$150元一張~，請電洽門市洽詢活動細節與活動報名。</a></li>
     <li class="news-cg"> </li> 
    </ul>
  </div><!-- end #news //-->
  <div id="bloga"><!-- star #bloga //-->
  <div class="news-a">
    <h2> Famous </h2>
    <h4>班尼頓寫真本月精選主題
    </h4></div>
  <ul>
    <li class="bloga-a"><a href="#"><img src="img/sample-2.jpg" alt="淺談兒童攝影—創作，還是記錄" width="430" height="300" /></a></li>
     <li class="bloga-b">
    2012 . May
    <li class="bloga-c">
    <h3>淺談兒童攝影—創作，還是記錄？</h3>
    </li>
    <li class="bloga-d"><a href="#">大年初一當天，上午利用難得的假期帶著小朋友到京華城去看史奴比特展，參觀完後
就順便在京華城內逛逛，經過遊樂器材區時，因為軒軒和晟晟想要坐電動車，所以我
們換了些代幣讓他們玩一下，我和小樹大人可以順便歇歇腳。等做完一輪電動車要離
開時..........</a></li> 
  </ul>
  </div><!-- end #bloga //-->
  <div id="blogb"><!-- star #blogb //-->
  <div class="news-a">
    <h2> Famous </h2>
    <h4>班尼頓的官方部落格</h4></div>
    <div class="news-b">
      <a href="people.php">More</a></div>
  </div> <!-- end #blogb //-->
  <div id="blogb2"><!-- star #blogb2 //-->
    <ul>
      <li class="blogb2-a"><a href="#"><img src="img/sample-2.jpg" alt="專區標題......" width="120" height="80" /></a>
      </li>
      <li class="blogb2-b">2012.05.16
      </li>
      <li class="blogb2-c"><h3>專區標題......</h3>
      </li>
      <li class="blogb2-d"><a href="#">藝人楊祐寧和郭采潔之前被週刊爆料假戲真做，郭采潔還兩度被拍到
進出楊祐寧的家............
      </a></li>
    </ul>
       <ul>
      <li class="blogb2-a"><a href="#"><img src="img/sample-3.jpg" alt="專區標題......" width="120" height="80" /></a>
      </li>
      <li class="blogb2-b">2012.05.16
      </li>
      <li class="blogb2-c"><h3>專區標題......</h3>
      </li>
      <li class="blogb2-d"><a href="#">藝人楊祐寧和郭采潔之前被週刊爆料假戲真做，郭采潔還兩度被拍到
進出楊祐寧的家............
      </a></li>
    </ul>
        <ul>
      <li class="blogb2-a"><a href="#"><img src="img/sample-4.jpg" alt="專區標題......" width="120" height="80" /></a>
      </li>
      <li class="blogb2-b">2012.05.16
      </li>
      <li class="blogb2-c"><h3>專區標題......</h3>
      </li>
      <li class="blogb2-d"><a href="#">藝人楊祐寧和郭采潔之前被週刊爆料假戲真做，郭采潔還兩度被拍到
進出楊祐寧的家............
      </a></li>
    </ul>
        <ul>
      <li class="blogb2-a"><a href="#"><img src="img/sample-5.jpg" alt="專區標題......" width="120" height="80" /></a>
      </li>
      <li class="blogb2-b">2012.05.16
      </li>
      <li class="blogb2-c"><h3>專區標題......</h3>
      </li>
      <li class="blogb2-d"><a href="#">藝人楊祐寧和郭采潔之前被週刊爆料假戲真做，郭采潔還兩度被拍到
進出楊祐寧的家............
      </a></li>
    </ul>
        <ul>
      <li class="blogb2-a"><a href="#"><img src="img/sample-2.jpg" alt="專區標題......" width="120" height="80" /></a>
      </li>
      <li class="blogb2-b">2012.05.16
      </li>
      <li class="blogb2-c"><h3>專區標題......</h3>
      </li>
      <li class="blogb2-d"><a href="#">藝人楊祐寧和郭采潔之前被週刊爆料假戲真做，郭采潔還兩度被拍到
進出楊祐寧的家............
      </a></li>
    </ul>
        <ul>
      <li class="blogb2-a"><a href="#"><img src="img/sample-3.jpg" alt="專區標題......" width="120" height="80" /></a>
      </li>
      <li class="blogb2-b">2012.05.16
      </li>
      <li class="blogb2-c">專區標題......
      </li>
      <li class="blogb2-d"><a href="#">藝人楊祐寧和郭采潔之前被週刊爆料假戲真做，郭采潔還兩度被拍到
進出楊祐寧的家............
      </a></li>
    </ul>
  </div><!-- end #blogb2 //-->
<div id="work"><!-- star #work //-->
  <div class="news-a">
    <h2> Photos </h2>
    <h4>請您細細品味班尼頓寫真的作品</h4></div>
    <div class="news-b">
      <a href="working.php">More</a></div>
</div><!-- end #work //-->
<div id="work2">
  <ul>
    <li class="work2-a"> <a href="#"><img src="img/sample-6.jpg" alt="寶寶照" width="190" height="190" /></a> </li>
      <li class="work2-b">寶寶照</li> 
  </ul>
  <ul>
    <li class="work2-a"> <a href="#"><img src="img/sample-7.jpg" alt="全家福" width="190" height="190" /></a> </li>
      <li class="work2-b">全家福</li> 
  </ul>
  <ul>
    <li class="work2-a"> <a href="#"><img src="img/sample-8.jpg"  alt="個人寫真" width="190" height="190" /></a> </li>
      <li class="work2-b">個人寫真</li> 
  </ul>
  <ul>
    <li class="work2-a"> <a href="#"><img src="img/sample-9.jpg" alt="婚禮祝福" width="190" height="190" /></a> </li>
      <li class="work2-b">婚禮祝福</li> 
  </ul>
</div>
</div><!-- end #contact //-->
</div><!-- end #main //-->
</div><!-- end #wrap //-->
<?php include_once('right-ad.php');?>

  <?php include_once('footer.php');?>
</body>
</html>